html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family:
        Open Sans,
        ui-sans-serif,
        system-ui,
        sans-serif,
        Apple Color Emoji,
        Segoe UI Emoji,
        Segoe UI Symbol,
        Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

#container {
    height: 450px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-description {
    margin: 0.3rem 10px;
}

/***************GRADIENT*********************** */
.gradient-1 {
    background-image: linear-gradient(230deg, #759bff, #843cf6);
}

.gradient-2 {
    background-image: linear-gradient(230deg, #fc5286, #fbaaa2);
}

.gradient-3 {
    background-image: linear-gradient(230deg, #ffc480, #ff763b);
}

.gradient-4 {
    background-image: linear-gradient(230deg, #0e4cfd, #6a8eff);
}

/* Primary (Azul pastel) */
.gradient-primary {
    background-image: linear-gradient(230deg, rgb(136, 185, 255), rgb(41, 105, 255));
}

/* Success (Verde pastel) */
.gradient-success {
    background-image: linear-gradient(230deg, rgb(17, 205, 183), rgb(46, 255, 168));
}

/* Danger (Rojo pastel) */
.gradient-danger {
    background-image: linear-gradient(230deg, #ffb3b3, rgb(255, 79, 79));
}

/* Warning (Amarillo pastel) */
.gradient-warning {
    background-image: linear-gradient(230deg, #ffe0a3, rgb(255, 179, 66));
}

/* Info (Cian pastel) */
.gradient-info {
    background-image: linear-gradient(230deg, #a3e4ff, #80d4ff);
}

/* Secondary (Gris pastel) */
.gradient-secondary {
    background-image: linear-gradient(230deg, #d6d6d6, #bfbfbf);
}

/* Light (Blanco con un toque pastel) 
*/

/*.gradient-light {
    background-image: url("../img/Fondo-Login-Diseño-interfaz.webp");
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
}*/

/* Dark (Gris oscuro pastel)login-card  */
.gradient-dark {
    background-image: linear-gradient(230deg, #b3b3b3, #8c8c8c);
}

/* Tertiary (Morado pastel) */
.gradient-tertiary {
    background-image: linear-gradient(230deg, #d0a3ff, #b380ff);
}

.nav-color {
    background-color: rgb(18,35, 38) !important;
}

.btn.nav-color:hover {
    background-color: #41B6E3 !important; /* Color al pasar el mouse */
    color: #122326 !important;
}


th {
    color:#000 !important;
    font-weight:lighter !important;
    font-size:0.9rem !important;
    padding: 0.5rem 0.9rem !important;
}
td {
    color:#333 !important;
    font-weight:lighter !important;
    font-size:0.9rem !important;
    padding: 0.5rem 0.9rem !important;
}

/*colores oficial del CRM */
.primario-azul{
    background-color: #41B6E3;
}

.detalles{
    background-color: #49C9FC;
}

.secundario{
    background-color: #9EE2FC;
}
.primario-negro{
    background-color: #122326;
}

.primario-azul:hover,
.primario-azul:focus {
  background-color: #122326; /* Versión un poco más oscura */
  color: white; /* Mantén el texto visible */
}
/*colores oficial del CRM */